<template>
	<scroll-view class="page-scroll" :scroll-y="true" @scrolltolower="getList">
		<view class="order-list">
			<tpl-order class="order" v-for="(order, orderIndex) of list" :key="orderIndex" :order="order" @orderOpTap="orderOpTap"></tpl-order>
		</view>
		<uni-load-more :status="loadMoreStatus"></uni-load-more>
	</scroll-view>
</template>

<script>
	import data from '@/data/order/all/all.js';
	export default {
		data() {
			return {
				list: [],
				loadMoreStatus : "more",
				pageData:{
					last_page:1,
					total:1
				},
				postData:{
					current_page:1,
					per_page:10,
					page:1,
					status:1,
				},
				
			};
		},
		async created() {
			
			const orderListData = data.orderList();
			
			this.list = await orderListData;
			
		}
	}
</script>

<style lang="scss">
	.page-scroll {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
	}
	
	.order {
		margin-top: $uni-spacing-row-base;
		
		border-radius: $uni-border-radius-base;
	}
</style>
